<script>
jQuery(document).ready(function ($) {
  // کلیک روی نقشه
  $("path.sigmaweb-iran-city-map").click(function () {
    var province = $(this).data('province');
    
    // اکتیو کردن شهر روی نقشه
    $("path.sigmaweb-iran-city-map").removeClass("active");
    $(this).addClass("active");

    // اکتیو کردن دکمه‌ی مربوطه
    $(".sigmaweb-iran-city-btn").removeClass("active");
    $(".sigmaweb-iran-city-btn[data-province='" + province + "']").addClass("active");
  });

  // کلیک روی دکمه
  $(".sigmaweb-iran-city-btn").click(function () {
    var province = $(this).data('province');
    
    // اکتیو کردن دکمه
    $(".sigmaweb-iran-city-btn").removeClass("active");
    $(this).addClass("active");

    // اکتیو کردن شهر روی نقشه
    $("path.sigmaweb-iran-city-map").removeClass("active");
    $("path.sigmaweb-iran-city-map[data-province='" + province + "']").addClass("active");
  });

  // نمایش لیست
function loadRepresentatives(province) {
  $('#sigmaweb-results').html('<p>⌛ در حال بارگذاری...</p>');

  $.post('/wp-admin/admin-ajax.php', {
      action: 'sigmaweb_filter_representatives',
      province: province
  }, function(response) {
      $('#sigmaweb-results').html(response);
  });
}

// برای دکمه‌ها
$('.sigmaweb-iran-city-btn').click(function() {
  var province = $(this).data('province');
  loadRepresentatives(province);
});

// برای pathهایی با کلاس sigmaweb-iran-city-map
$('path.sigmaweb-iran-city-map').click(function() {
  var province = $(this).data('province');
  loadRepresentatives(province);
});

// تولتیپ نقشه
$(document).ready(function() {
  const $tooltip = $('<div class="sigmaweb-tooltip-map"></div>').appendTo('body');
  $('path.sigmaweb-iran-city-map').on('mousemove', function(e) {
    const text = $(this).attr('data-province');
    $tooltip.text(text)
            .css({
              left: e.pageX + 12 + 'px',
              top: e.pageY + 12 + 'px',
              display: 'block'
            });
  }).on('mouseleave', function() {
    $tooltip.hide();
  });
});

//وقتی روی دکمه یا یک استان درون نقشه هاور شود دکمه یا استان مربوطه درون نقشه استایل میگیره
  // هاور روی دکمه
  $('.sigmaweb-iran-city-btn').hover(
    function () {
      var province = $(this).data('province');
      $("path.sigmaweb-iran-city-map[data-province='" + province + "']").addClass("sigmaweb-hovered-map");
    },
    function () {
      var province = $(this).data('province');
      $("path.sigmaweb-iran-city-map[data-province='" + province + "']").removeClass("sigmaweb-hovered-map");
    }
  );

  // هاور روی path نقشه
  $('path.sigmaweb-iran-city-map').hover(
    function () {
      var province = $(this).data('province');
      $(".sigmaweb-iran-city-btn[data-province='" + province + "']").addClass("sigmaweb-hovered-map");
    },
    function () {
      var province = $(this).data('province');
      $(".sigmaweb-iran-city-btn[data-province='" + province + "']").removeClass("sigmaweb-hovered-map");
    }
);
  
});
</script>